<template>
  <view class="works">
    <swiper class="swiper" indicator-dots autoplay :interval="3000" circular>
      <swiper-item>
        <image src="http://pic.yupoo.com/isfy666/4c1035f9/a9dffc2f.jpg" />
      </swiper-item>
      <swiper-item>
        <image src="http://pic.yupoo.com/isfy666/9eb00cb2/fcfe4328.jpg" />
      </swiper-item>
      <swiper-item>
        <image src="http://pic.yupoo.com/isfy666/504e7089/bbdb6e28.jpg" mode="widthFix" />
      </swiper-item>
    </swiper>
    <image src="http://pic.yupoo.com/isfy666/54a6c516/77dda55a.jpg" mode="widthFix"></image>
    <image src="http://pic.yupoo.com/isfy666/faba986f/cbe496f7.jpg" mode="widthFix"></image>
    <image src="http://pic.yupoo.com/isfy666/19784373/7d136d0a.jpg" mode="widthFix"></image>
    <image src="http://pic.yupoo.com/isfy666/8f3cd826/289806a5.jpg" mode="widthFix"></image>
    <image src="http://pic.yupoo.com/isfy666/7f21752a/b6a5ab5a.jpg" mode="widthFix"></image>
    <image src="http://pic.yupoo.com/isfy666/343e7c4a/50ff43d0.jpg" mode="widthFix"></image>

  </view>
</template>
<style lang="scss">
.works{
    background-image: url(http://pic.yupoo.com/isfy666/9e17ec4f/6b309d5f.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}
.swiper {
  width: 750rpx;
  height: 400rpx;
}
  image {
    width: 100%;
    height: 100%;
    display: block;
  }
</style>